import Index from '@/components/views/Index.vue';
import About from '@/components/views/About.vue';
import Post from '@/components/views/Post.vue';
import NotFound from '@/components/views/NotFound.vue';

/** @type {import('vue-router').RouterOptions['routes']} */
export const routes = [
  {
    name: 'Index 1',
    path: '/',
    component: Index,
  },
  {
    name: 'Index 2',
    path: '/page/:page',
    component: Index,
  },
  {
    name: 'Index 3',
    path: '/:type(tag|category|author|date|search)/:slug/:page?',
    component: Index,
  },
  {
    name: 'About',
    path: '/about',
    component: About,
  },
  {
    name: 'Post',
    path: '/post/:slug',
    component: Post,
  },
  {
    name: 'Page',
    path: '/:slug(\\d+)',
    component: Post,
  },
  {
    name: '404',
    path: '/:pathMatch(.*)*',
    component: NotFound,
  },
];
